{% load i18n %}
{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="/static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="/static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="/static/css/chosen.css" />
		
		<link rel="stylesheet" href="/static/css/ace.min.css" />
		<link rel="stylesheet" href="/static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="/static/css/ace-skins.min.css" />
		
		<link rel="stylesheet" href="/static/css/datepicker.css" /><!-- 日期框 -->
		<script type="text/javascript" src="/static/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="/static/js/jquery.tips.js"></script>
		<script type="text/javascript" src="/static/js/jquery.form.js"></script>
		
<script type="text/javascript">
	
	//保存
	function save(){
		$("#Form").submit();
	}
	
	function fileType(obj){
		var fileType=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名
	    if(fileType != '.png' && fileType != '.jpg'){
	    	$("#id_fileurl").tips({
				side:3,
	            msg:'请上传excel格式的文件',
	            bg:'#AE81FF',
	            time:3
	        });
	    	$("#id_fileurl").val('');
	    }
	}
	
</script>
	</head>
<body>
 
	<form action="/main/web_config_fileupload_save" name="Form" id="Form" method="post" enctype="multipart/form-data">
		{% csrf_token %}
		<input id="config_id" name="config_id" type="hidden" value="{{config_id}}"/>
		<input id="type" name="type" type="hidden" value="{{type}}"/>
		<div id="zhongxin">
		<table style="width:95%;" >
			
			<tr>
				<td style="padding-top: 20px;"><input type="file" id="id_fileurl" name="fileurl" onchange="fileType(this)" /></td>
			</tr>
			<tr>
				<td style="text-align: center;" colspan="10">
					<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
					<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
				</td>
			</tr>
		</table>
		</div>
		
		<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="/static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
		
	</form>
	 
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="/static/js/bootstrap.min.js"></script>
		<script src="/static/js/ace-elements.min.js"></script>
		<script src="/static/js/ace.min.js"></script>
		<script type="text/javascript" src="/static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		<script type="text/javascript" src="/static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<script type="text/javascript">
		$(top.hangge());
		 
		$(document).ready(function() {  
		      $("#Form").ajaxForm(function(data){
		            top.Dialog.close();  
		       });            
		});  
		 
		</script>
</body>
</html>